<template>
  <div class="box_bd">
    <h3>搜索发现</h3>
    <div class="more_find">
      <div v-for="moreshop in morefind" :key="moreshop.id">
        {{ moreshop.shoptype1 }}
      </div>
    </div>
  </div>
</template>

<script>

// import axios from "axios"
export default {
  name: "SearchFound",
  data() {
    return {
      morefind: [
        {
          shoptype1: "路由器",
        },
        {
          shoptype1: "Matepad 11",
        },
        {
          shoptype1: "按摩椅",
        },
        {
          shoptype1: "Mate Xs 2",
        },
        {
          shoptype1: "平板",
        },
        {
          shoptype1: "平板电脑",
        },
        {
          shoptype1: "手环",
        },
        {
          shoptype1: "智慧屏SE",
        },
        {
          shoptype1: "跑步机",
        },
        {
          shoptype1: "手环7",
        },
      ],
    };
  },

  
//   created() {
//     axios({
//       url: "http://10.12.156.118:8083",
//       // params: {
//       //   type: this.title,
//       // },
//     })
//       .then((res) => {
//         this.morefind = res.data;
//         console.log("res.data");
//       })
//       .catch((err) => {
//         console.log("出错了", err);
//       });
//   },

};


</script>

<style scoped>
.box_bd {
  margin: 0.2rem 0.1rem 0rem 0.1rem;
}
h3 {
  font-weight: 600;
  margin-bottom: 0.05rem;
}
.more_find {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.more_find > div {
  font-size: 0.12rem;
  color: #181818;
  padding: 0.06rem;
  border-radius: 12px;
  background-color: #e5e7e9;
  margin: 0.05rem;
}
</style>